<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园招聘宣传</title>
</head>
<style>
    body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #333;
    color: #fff;
    padding: 10px 20px;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 20px;
}

nav a {
    color: #fff;
    text-decoration: none;
}

.hero {
    background: url('https://consumer.huawei.com/content/dam/huawei-cbg-site/greate-china/cn/mkt/v4/about-us/recruitment.jpg') no-repeat center center/cover;
    color: #fff;
    text-align: center;
    padding: 100px 20px;
}

.btn {
    background: #e8491d;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
}

section {
    padding: 40px 20px;
    margin: 20px;
    border-radius: 10px;
    background: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.about, .positions, .benefits, .apply {
    max-width: 800px;
    margin: auto auto 1vh;
}

.position {
    background: #f9f9f9;
    padding: 20px;
    margin: 10px 0;
    border-radius: 5px;
}

footer {
    text-align: center;
    padding: 10px 0;
    background: #333;
    color: #fff;
}

</style>
<body>
    <header>
        <div class="logo">
            <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.UE0EIbvEMnjl2QsK7stIFQHaNA?rs=1&pid=ImgDetMain" style="width: 50px;height: 50px">
        </div>
        <nav>
            <ul>
                <li><a href="#about">关于我们</a></li>
                <li><a href="#positions">招聘职位</a></li>
                <li><a href="#benefits">员工福利</a></li>
                <li><a href="#apply">申请方式</a></li>
            </ul>
        </nav>
    </header>

    <section class="hero">
        <h1>加入我们，成就未来</h1>
        <p>运用你的才华和创造力，共同打造美好的明天。</p>
        <a href="#apply" class="btn">立即申请</a>
    </section>

    <section id="about" class="about">
        <h2>关于我们</h2>
        <p>我们是一家充满创新精神的企业，致力于为客户提供优质的服务和产品。我们的核心价值观是以客户为中心，通过先进的技术和卓越的团队合作来实现我们的愿景。

我们的产品线涵盖多个领域，包括高科技电子产品、智能家居解决方案以及环保材料等。在研发方面，我们拥有一支经验丰富且充满创造力的团队，始终紧跟行业趋势，不断推出符合市场需求的新产品，以满足客户不断变化的需求。

作为一家注重可持续发展的公司，我们在生产过程中坚持环保原则，努力减少对环境的影响。同时，我们也积极参与社会公益活动，回馈社会，推动社区的发展。

在我们公司，人才是最宝贵的资源。我们重视员工的成长与发展，提供多样化的培训和晋升机会，创造一个鼓励创新和自我提升的工作环境。我们相信，只有团队中每一位成员都能发挥出最佳状态，我们才能更好地服务我们的客户。

我们期待优秀的你加入我们的团队，共同推动企业的成长与发展。如果你对创新充满热情，愿意迎接挑战，欢迎与我们联系！你的未来，从这里开始。</p>
    </section>

    <section id="positions" class="positions">
        <h2>招聘职位</h2>
        <div class="position">
            <h3>产品经理</h3>
            <p>负责产品策略和规划，推动产品的开发与市场推广。</p>
        </div>
        <div class="position">
            <h3>软件工程师</h3>
            <p>参与软件的开发与维护，协助团队解决技术难题。</p>
        </div>
        <div class="position">
            <h3>市场专员</h3>
            <p>负责公司产品的市场推广与品牌建设，提升市场知名度。</p>
        </div>
    </section>

    <section id="benefits" class="benefits">
        <h2>员工福利</h2>
        <ul>
            <li>灵活的工作时间</li>
            <li>优秀的团队氛围</li>
            <li>健全的职业发展规划</li>
            <li>丰厚的薪酬福利</li>
            <li>各类培训和学习机会</li>
        </ul>
    </section>

    <section id="apply" class="apply">
        <h2>申请方式</h2>
        <p>请将您的简历发送至：<a href="2940806490@qq.com">2940806490@qq.com</a></p>
        <p style="color: red">备注身高体重</p>
        <p style="color: red">简历至少附带3张生活照</p>
        <p style="color: red">电话，家庭住址为必填项</p>
        <p>申请截止日期：2025年1月1日</p>
    </section>

    <footer>
        <p>&copy; 2024 红篇里集团. All rights reserved.</p>
    </footer>
</body>
</html>
